<template>
  <div id="Container">
    <el-container direction="vertical">
        
          <ContainerHeader />

        
          <ContainerMain />
        

          <ContainerFooter />
        
    </el-container>
  </div>
</template>

<script>
import ContainerHeader from "../components/Container/ContainerHeader"
import ContainerMain from "../components/Container/ContainerMain"
import ContainerFooter from "../components/Container/ContainerFooter"


export default {
  name: "Container",
  components:{
    ContainerHeader,
    ContainerMain,
    ContainerFooter,
  }
};
</script>

<style scoped>
.el-container>*{
  width: 100%;
}
.el-container,.el-header,.el-main,.el-footer{
  padding: 0px;
  margin: 0px;
}
</style>